<template>
  <div v-if="crud.props.searchToggle">
    <el-input v-model="query.antonCode" clearable size="small" placeholder="输入安东编码搜索" style="width: 165px;"
      class="filter-item" @keyup.enter.native="crud.toQuery" />


    <el-select v-model="query.model" clearable size="small" placeholder="安东模式" class="filter-item" style="width: 120px"
      @change="crud.toQuery">
      <el-option v-for="item in dict.dict.antonConfig_model" :key="item.value" :label="item.label"
        :value="item.value" />
    </el-select>

    <el-select v-model="query.antonTypeName" clearable size="small" placeholder="安东类型" class="filter-item"
      style="width: 120px" @change="crud.toQuery">
      <el-option v-for="item in dict.dict.antonConfig_type" :key="item.value" :label="item.label" :value="item.value" />
    </el-select>

    <el-select v-model="query.level" clearable size="small" placeholder="安东级别" class="filter-item" style="width: 120px"
      @change="crud.toQuery">
      <el-option v-for="item in dict.dict.antonConfig_level" :key="item.value" :label="item.label"
        :value="item.value" />
    </el-select>

    <el-select v-model="query.isDisable" clearable size="small" placeholder="是否禁用" class="filter-item"
      style="width: 120px" @change="crud.toQuery">
      <el-option v-for="item in dict.dict.antonConfig_state" :key="item.value" :label="item.label"
        :value="item.value" />
    </el-select>
    <rrOperation />
  </div>
</template>

<script>
import { header } from '@crud/crud'
import rrOperation from '@crud/RR.operation'
import DateRangePicker from '@/components/DateRangePicker'
export default {
  components: { rrOperation, DateRangePicker },
  mixins: [header()],
  props: {
    dict: {
      type: Object,
      required: true
    },
    permission: {
      type: Object,
      required: true
    }
  }
}
</script>
